@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
.qqq{ 
	background:url(../images/%E4%B8%BB%E8%83%8C%E6%99%AF.jpg) no-repeat fixed; 
	background-size:100% 100%; 
	width:100%; 
	height:100%; 
	position:absolute;
	left:0; 
	top:0;
	z-index: 1;
	transform-style:preserve-3d;
	}
	
.www{
	background-color:rgba(0,0,0,0.5);
	width: 100%;
	height: 48%;
	position:absolute;
	left:0; top:0;
	z-index: 2;
}

#eee{
	background-color:rgba(0,0,0,0.5);
	width: 100%;
	height: 45%;
	position:absolute;
	left:0; top:55%;
	z-index: 2;
}

.www p{
	display: block;
	text-align: center;
	padding-top: 15%;
	color: rgba(226,226,226,1);
	font-weight: bolder;
	font-size: 28px;
	font-family: "方正正粗黑简体";
}

#fff{ 
	width:30px; 
	height:30px; 
	border:5px solid rgba(255,255,0,1); 
	border-radius:50px; 
	cursor:pointer; 
	margin:50px auto;
	transition:0.3s;
	
}
#fff:hover{-webkit-box-shadow:0 0 30px #00FF00;}
	
#asd{
	width: 100%;
	position: absolute;
	background:rgba(0,0,0,1);
	z-index: 5;
	left: 0px;
	top: 0px;
	display:none;
}

#bfx{ 
	  width:20%; height:20%; 
	  margin-top:33%; 
	  margin-left:auto;
	  margin-right:auto;
	  background:url(../images/%E8%9D%99%E8%9D%A0%E4%BE%A0.png) no-repeat; 
	  background-size:100% 100%;
	  transform-origin:top;
	  transition:2s;
	  perspective:100px;
	  
}



#ks{  
	  width:13%; height:4%;
	  margin-left:auto;
	  margin-right:auto;
	  margin-top:-20px;
	  transform-origin:top;
	  transition:2s;
	  perspective:300px;
	  cursor:pointer;
	  display:none;
}	

#ks p{ font-size:24px; 
	   display:block; 
	   text-align:center; 
	   font-family:"方正正粗黑简体"; 
	   line-height:45px; 
	   transition:0.5s;}

#ks p:hover{ -webkit-box-shadow:0 0 30px #666666;}


#bm1{width:12%; 
	height:350px;
	background:url(../images/ad.png) no-repeat;
	background-size:100% 120%;
	float:left;
	margin-left:10%;
}

#bm2{width:12%; 
	height:350px;
	background:url(../images/lbjn.png) no-repeat;
	background-size:100% 120%;
	float:left;
	margin-left:5%;
}
#bm3{width:12%; 
	height:350px;
	background:url(../images/%E6%9C%AA%E6%A0%87%E9%A2%98-2.png) no-repeat;
	background-size:100% 120%;
	float:left;
	margin-left:5%;
}
#bm4{width:12%; 
	height:350px;
	background:url(../images/msld.png) no-repeat; 
	background-size:100% 120%;
	float:left;
	margin-left:5%;
}
#bm5{width:12%; 
	height:350px;
	background:url(../images/%E5%B8%83%E5%8A%A0%E8%BF%AA.png) no-repeat;
	background-size:100% 120%;
	float:left;
	margin-left:5%;
}

#a{ display:none;}

#a .bx{ width:12%; 
	height:350px;
	background:rgba(255,255,255,0.2);
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 0px;
	margin-left:10%;
	}
	
#b{ display:none;}
#b .bx{ width:12%; 
	height:350px;
	background:rgba(0,153,255,0.2);
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 0px;
	margin-left:27%;
	}
	
#c{ display:none;}  
#c .bx{ width:12%; 
	height:350px;
	background:rgba(255,102,0,0.2);
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 0px;
	margin-left:44%;
	}
	  
#d{ display:none;}
#d .bx{ width:12%; 
	height:350px;
	background:rgba(0,153,255,0.2);
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 0px;
	margin-left:61%;
	}

#e{ display:none;}
#e .bx{ width:12%; 
	height:350px;
	background:rgba(255,255,255,0.2);
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 0px;
	margin-left:78%;
	}
.bx p{ font-size:24px; 
	   font-family:"方正正粗黑简体"; 
	   text-align:center;  
	   line-height:60px;}
	   
#a .bx p{ color:rgba(217,217,217,1);} 
#b .bx p{ color:rgba(255,0,204,1);} 
#c .bx p{ color:rgba(255,204,0,1);} 
#d .bx p{ color:rgba(255,0,204,1);} 
#e .bx p{ color:rgba(217,217,217,1);}  
	  
#ys1{
	width:100%; 
	height:300px;
	background:url(../images/sss.png) no-repeat;
	background-size:100% 100%;
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 350px;
	display:none;
}
#ys2{
	width:100%; 
	height:300px;
	background:url(../images/saa.png) no-repeat;
	background-size:100% 100%;
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 350px;
	display:none;
}
#ys3{
	width:100%; 
	height:300px;
	background:url(../images/%E6%9C%AA%E6%A0%87%E9%A2%98-1ss.png) no-repeat;
	background-size:100% 100%;
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 350px;
	display:none;
}
#ys4{
	width:100%; 
	height:300px;
	background:url(../images/msal1.png) no-repeat;
	background-size:100% 100%;
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 350px;
	display:none;
}
#ys5{
	width:100%; 
	height:300px;
	background:url(../images/%E6%9C%AAssss.png) no-repeat;
	background-size:100% 100%;
	position:absolute;	
	z-index: 6;
	left: 0px;
	top: 350px;
	display:none;

}
	 
	 
	 
	 
	 
#dl{
	width: 400px;
	height: 250px;
	border: 1px solid rgba(0,0,0,1);
	padding: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 8;
	margin-left:-225px;
	margin-top:-80px;
	display:none;
	background:url(../images/a.jpg) no-repeat;
	background-size:100% 100%;
}
.lol{ padding-left:10px;}
input{ margin-top:5px; margin-left:10px; outline:none;width:80%; height:30px; background-color:rgba(255,255,255,0.5); padding-left:5px;}
#zh2-1{ color:rgba(255,0,0,1); visibility:hidden; padding-left:10px; font-weight:bold;}
#zh2-2{ color:rgba(255,0,0,1); visibility:hidden; padding-left:10px; font-weight:bold;} 
#dj{ background-color:rgba(255,255,255,0.5); border:none;cursor:pointer; margin-top:20px; font-size:20px; font-weight:bold; border-radius:5px;}
.lol{ font-weight:bold; font-size:20px; font-family:"方正正粗黑简体";}






